<template>
  <div class="formbox">
    <el-form
      ref="ruleFormRef"
      status-icon
      label-width="150px"
      class="demo-ruleForm"
    >
      <el-form-item label="属性名称" prop="pass">
        <el-input autocomplete="off" size="100" />
      </el-form-item>
      <el-form-item label="商品类型" prop="checkPass">
        <el-select class="m-2" placeholder="Select" size="large">
          <el-option key="0" label="0" value="0" />
        </el-select>
      </el-form-item>
      <el-form-item label="分类筛选样式" prop="age">
        <el-radio-group class="ml-4">
          <el-radio label="1" size="large">普通</el-radio>
          <el-radio label="2" size="large">颜色</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="能否进行检索" prop="age">
        <el-radio-group class="ml-4">
          <el-radio label="1" size="large">不需要检索</el-radio>
          <el-radio label="2" size="large">关键字检索</el-radio>
          <el-radio label="2" size="large">范围检索</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="商品属性关联" prop="age">
        <el-radio-group class="ml-4">
          <el-radio label="1" size="large">是</el-radio>
          <el-radio label="2" size="large">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="商品是否可选" prop="age">
        <el-radio-group class="ml-4">
          <el-radio label="1" size="large">唯一</el-radio>
          <el-radio label="2" size="large">单选</el-radio>
          <el-radio label="2" size="large">复选</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="属性值的录入方式" prop="age">
        <el-radio-group class="ml-4">
          <el-radio label="1" size="large">手工录入</el-radio>
          <el-radio label="2" size="large">从下面列表中选择</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="属性可选值列表" prop="pass">
        <el-input autocomplete="off" />
      </el-form-item>
      <el-form-item label="是否支持手动新增" prop="age">
        <el-radio-group class="ml-4">
          <el-radio label="1" size="large">是</el-radio>
          <el-radio label="2" size="large">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="排序属性" prop="pass">
        <el-input autocomplete="off" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary">Submit</el-button>
        <el-button>Reset</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script setup lang="ts">
import { ProductAttriButeCreateApi } from "./api/api";
ProductAttriButeCreateApi().then(() => {})
</script>
<style lang="less" scoped>
.formbox{
    width: 50%;
    margin: 0 auto;
    border: 1px solid #eee;
    :deep(.el-form-item){
        padding-top: 20px;
    }
    :deep(.el-input__inner){
        width: 100px;
    }
}
</style>
